<template>
  <!-- 	<view class="container">
		<view class="background-white bor-top"> -->
  <uni-table ref="table" border stripe emptyText="暂无更多数据">
    <uni-tr>
      <uni-th width="50" align="center">审批人</uni-th>
      <uni-th width="120" align="center">审批时间</uni-th>
      <uni-th width="60" align="center">审批结果</uni-th>
      <uni-th width="60" align="center">审批意见</uni-th>
    </uni-tr>
    <uni-tr v-for="(item, index) in suggestion" :key="index">
      <uni-td>{{ item.approvalUserName }}</uni-td>
      <uni-td>{{ item.reviewTime }}</uni-td>
      <uni-td>{{ item.reviewResultDesc }}</uni-td>
      <uni-td>{{ item.content }}</uni-td>
    </uni-tr>
  </uni-table>
  <!-- 	</view>
	</view> -->
</template>

<script>
export default {
  name: 'approveSuggestion',
  props: {
    suggestion: {
      type: Array,
      default: [],
    },
  },
};
</script>

<style lang="scss" scoped>
.container {
  .background-white {
    background-color: #fff;
    padding: 20rpx 30rpx 1rpx 30rpx;
    view {
      padding: 14rpx 0;

      text {
        color: #666;
        display: inline-block;
        width: 78%;
        vertical-align: top;
      }
    }

    .bor-btm {
      display: flex;
      border-bottom: 1px solid #d5d7e3;
    }

    .photo {
      display: flex;
      justify-content: space-between;

      image {
        width: 214rpx;
        height: 214rpx;
      }
    }
  }
}

.hidden-title {
  background: #f5f5f5;
  padding: 20rpx;
  color: #999;
}

.bor-top {
  border-top: 20rpx solid #f5f5f5;
}

.cell-label {
  font-size: 30rpx;
}

.cell-content {
  font-size: 28rpx;
}
</style>
